﻿.pcProduct-special-banner {
  display: none;
}
.mobileProduct-special-banner {
  display: block;
  height: 63.8vw;
}
.product-special-page .items .top {
  width: 100%;
}
.product-special-page .items .top .p1 {
  font-size: 6vw;
  margin-top: 6vw;
}
.product-special-page .items .top .p2 {
  font-size: 5vw;
  margin: 1vw 0;
}
.product-special-page .items .top .p3,
.product-special-page .items .top .p5 {
  font-size: 4vw;
  line-height: 1.6;
  text-align: justify;
}
.product-special-page .items .top .p4 {
  font-size: 4vw;
  font-weight: bold;
  margin-top: 2vw;
  margin-bottom: 1vw;
}
.product-special-page .items .top .more {
  width: 28vw;
  height: 8vw;
  margin: 4vw auto 6vw;
  line-height: 8vw;
  font-size: 3.6vw;
}
.product-special-page .items ul li {
  width: 30vw;
}
.product-special-page .items .pc-characteristic-img {
  display: none;
}
.product-special-page .items .mobile-characteristic-img {
  display: block;
  margin-top: 3vw;
  height: 27vw;
}
.products-page {
  width: 100%;
}
.products-page .description {
  font-size: 4vw;
  line-height: 1.6;
  margin-top: 4vw;
}
.products-page ul {
  justify-content: space-between;
}
.products-page ul li {
  width: 48%;
  margin-right: 0;
  margin-top: 4vw;
}
.products-page ul li .top {
  height: 33vw;
}
.products-page ul li .top img {
  height: auto;
}
.products-page ul li .top .top-main {
  width: 88%;
  height: 26vw;
  margin-left: -44%;
  margin-top: -13vw;
  opacity: 1;
}
.products-page ul li .top .top-main .p1 {
  margin-top: 9vw;
}
.products-page ul li .top .top-main .more {
  font-size: 3.6vw;
  margin-top: 1vw;
}
.products-page ul li .p3 {
  margin-top: 1vw;
}
.products-page ul li .p3 a {
  font-size: 4vw;
}
.products-page ul li .p4 {
  font-size: 4vw;
  margin-top: 0;
}


.product-info-page {
  width: 100%;
  margin: 0 auto 8vw;
}
.product-info-page .pcProduct-info-banner {
  display: none;
}
.product-info-page .mobileProduct-info-banner {
  display: block;
}
.product-info-page #location {
  background-color: #f8f8f8;
  display: flex;
  margin-top: 2vw;
}
.product-info-page #location i {
  margin-left: 0;
}
.product-info-page .series {
  margin-bottom: 4vw;
}
.product-info-page .series .top {
  flex-wrap: wrap;
  margin: 6vw 0;
}
.product-info-page .series .top ul {
  flex-wrap: wrap;
}
.product-info-page .series .top ul li {
  margin: 0 2vw;
}
.product-info-page .series .top ul li::after {
  display: none;
}
.product-info-page .series .bottom .main {
  width: 90%;
  margin: 0 auto 2vw;
}
.product-info-page .series .bottom .main ul {
  margin-top: 4vw;
}
.product-info-page .series .bottom .main ul li{
  width: auto;
}
.product-info-page .series .bottom .main dl dd {
  width: 15vw;
  margin-right: 1.8vw;
  margin-top: 4vw;
}
.product-info-page .series .bottom .main dl dd img {
  height: auto;
}
.product-info-page .series .bottom .main dl dd p {
  font-size: 3.6vw;
  margin-top: 1vw;
}
.product-info-page .series .bottom .main dl dd:nth-child(12n) {
  margin-right: 1.8vw;
}
.product-info-page .series .bottom .main dl dd:nth-child(5n) {
  margin-right: 0;
}
.product-info-page .specifications .title,
.product-info-page .scheme .title {
  font-size: 4.4vw;
  margin-top: 4vw;
}
.product-info-page .friendTips .main{
  font-size: 4vw;
}
.product-info-page .specifications .specifications-main,
.product-info-page .scheme .specifications-main,
.product-info-page .specifications .scheme-main,
.product-info-page .scheme .scheme-main {
  margin: 2vw 0;
}
.product-info-page .specifications .specifications-main .pc-img,
.product-info-page .scheme .specifications-main .pc-img,
.product-info-page .specifications .scheme-main .pc-img,
.product-info-page .scheme .scheme-main .pc-img {
  display: none;
}
.product-info-page .specifications .specifications-main .mb-img,
.product-info-page .scheme .specifications-main .mb-img,
.product-info-page .specifications .scheme-main .mb-img,
.product-info-page .scheme .scheme-main .mb-img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.product-info-page .specifications .specifications-main.on,
.product-info-page .scheme .specifications-main.on,
.product-info-page .specifications .scheme-main.on,
.product-info-page .scheme .scheme-main.on {
  height: auto;
}
.product-info-page .specifications .specifications-main,
.product-info-page .scheme .specifications-main {
  height: 30vw;
}
.product-info-page .specifications .scheme-main,
.product-info-page .scheme .scheme-main {
  height: 32vw;
}
.recruit-page ul li {
  margin-top: 3vw;
}
.recruit-page ul li .center {
  width: 92%;
  margin: 4vw auto;
}
.recruit-page ul li .center .left {
  width: 60%;
}
.recruit-page ul li .center .left .p1 {
  font-size: 4vw;
}
.recruit-page ul li .center .left .p2 {
  margin-top: 1vw;
}
.recruit-page ul li .center .left .p2 span {
  font-size: 3.6vw;
}
.recruit-page ul li .center .left .p2 i {
  height: 16px;
  margin: 0 2vw;
  top: 2px;
}
.recruit-page ul li .center a {
  width: 30vw;
  height: 10vw;
  line-height: 10vw;
  font-size: 3.6vw;
}
.recruit-info-page {
  width: 92%;
  margin: 0 auto;
}
.recruit-info-page .title {
  font-size: 5vw;
  padding-top: 4vw;
  padding-bottom: 3vw;
}
.recruit-info-page .miaoshu {
  padding-bottom: 2vw;
}
.recruit-info-page .miaoshu .p1,
.recruit-info-page .yaoqiu .p1 {
  font-size: 4vw;
}
.recruit-info-page .yaoqiu {
  margin-top: 2vw;
}
.recruit-info-page .goToMail {
  width: 30vw;
  height: 10vw;
  margin: 4vw auto;
  font-size: 3.6vw;
  line-height: 10vw;
}
.pc-index-banner {
  display: none;
}
.mobile-index-banner {
  display: block;
  height: 70.4vw;
}
.about-us {
  height: auto;
  margin-top: 4vw;
  display: block;
}
.about-us a{
  display: block !important;
}
.about-us .img {
  width: 100%;
  height: auto;
}
.about-us .right {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.about-us .right .main {
  width: 92%;
}
.about-us .right .main ul {
  margin: 4vw auto;
}
.about-us .right .main ul li .number-add {
  font-size: 4vw;
}
.about-us .right .main ul li .number-add::after {
    font-size: 3vw;
    position: relative;
    right: auto;
    left: 0;
    top: -1vw;
    margin-left: 1vw;
}
.about-us .right .main ul li .summary {
  width: 84%;
  text-align: justify;
  font-size: 3vw;
  margin-top: 0;
}
.about-us .right .main ul li::after {
  height: 9vw;
  top: 3.4vw;
}
.about-us .right .main ul li:nth-child(2) .summary,
.about-us .right .main ul li:nth-child(3) .summary,
.about-us .right .main ul li:nth-child(4) .summary {
  margin: 0 auto;
}
.about-us .right .main .p1 {
  font-size: 6vw;
  margin-top: 6vw;
  text-align: center;
}
.about-us .right .main .p2 {
  font-size: 4vw;
  margin-top: 1vw;
  text-align: center;
}
.about-us .right .main .p3 {
  font-size: 4vw;
  line-height: 1.6;
  text-indent: 2em;
}
.about-us .right .main .more {
  width: 28vw;
  height: 8vw;
  margin: 8vw 0px;
  font-size: 3.6vw;
  line-height: 8vw;
}
.product {
  width: 100%;
  margin-top: 4vw;
  overflow: auto;
}
.product ul {
  display: flex;
  width: max-content;
}
.product ul li {
  width: 38vw;
  height: 44vw;
  margin-right: 3vw;
  position: relative;
}
.product ul li .mask {
  opacity: 1;
}
.product ul li .mask .main {
  width: 28vw;
  height: 29vw;
}
.product ul li .mask .main .p2 {
  font-size: 4vw;
  margin-top: 7vw;
}
.product ul li .mask .main .more {
  width: 19vw;
  height: 7vw;
  line-height: 7vw;
  font-size: 3.6vw;
  margin-top: -3vw;
}
.product ul li .p1 {
  display: none;
}
.project-cases {
  margin-top: 4vw;
}
.project-cases .title .p1 {
  font-size: 6vw;
  padding-top: 6vw;
}
.project-cases .title .p2 {
  font-size: 4vw;
}
.project-cases ul {
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.project-cases ul li {
  width: 48%;
  height: 40vw;
  margin-top: 4vw;
}
.project-cases ul li a .span1 {
  width: 14vw;
  height: 14vw;
  margin-top: 10vw;
}
.project-cases ul li a .span2 {
  font-size: 4vw;
  margin-top: -6vw;
}
.project-cases ul li:nth-child(1) .span1 {
  background: url(../img/12.png) center bottom no-repeat;
  background-size: 100% 100%;
}
.project-cases ul li:nth-child(2) .span1 {
  background: url(../img/13.png) center bottom no-repeat;
  background-size: 100% 100%;
}
.project-cases ul li:nth-child(3) .span1 {
  background: url(../img/14.png) center bottom no-repeat;
  background-size: 100% 100%;
}
.project-cases ul li:nth-child(4) .span1 {
  background: url(../img/15.png) center bottom no-repeat;
  background-size: 100% 100%;
}
.project-cases ul li:nth-child(5) .span1 {
  background: url(../img/16-1.png) center bottom no-repeat;
  background-size: 100% 100%;
}
.project-cases .more {
  width: 28vw;
  height: 8vw;
  margin: 6vw auto;
  font-size: 3.6vw;
  line-height: 8vw;
}
.video-material {
  height: auto;
  margin-top: 4vw;
  display: block;
  background-color: #282828;
  overflow: hidden;
}
.video-material .left {
  width: 100%;
  height: auto;
  background: none;
}
.video-material .left .main {
  width: 90%;
  margin: 8vw auto 0;
}
.video-material .left .main .p1 {
  font-size: 6vw;
}
.video-material .left .main .p2 {
  font-size: 4vw;
  margin: 2vw auto 3vw;
}
.video-material .left .main ul li {
  width: 26vw;
  margin-right: 2vw;
}
.video-material .left .main ul li .img{
  height: 16vw;
}
.video-material .left .main ul li .mask{
  height: 16vw;
}
.video-material .left .main ul li .title{
  font-size: 3.4vw;
  margin-top: 1vw;
}
.video-material .left .main .more {
  width: 28vw;
  height: 8vw;
  margin: 6vw 0 10vw;
  font-size: 3.6vw;
  line-height: 8vw;
}
.video-material .right {
  display: none;
}
.index-news {
  height: auto;
  margin-top: 4vw;
}
.index-news .swiper-slide {
  display: block;
}
.index-news .swiper-slide .left {
  width: 100%;height: auto;line-height: unset;
}
.index-news .swiper-slide .left img {
  width: 100%;
  height: auto;max-height: 62vw
}
.index-news .swiper-slide .right {
  width: 100%;
}
.index-news .swiper-slide .right .main {
  width: 90%;
}
.index-news .swiper-slide .right .main .p1 {
  font-size: 6vw;
  margin-top: 6vw;
}
.index-news .swiper-slide .right .main .p2 {
  font-size: 4vw;
}
.index-news .swiper-slide .right .main .date {
  font-size: 4vw;
}
.index-news .swiper-slide .right .main .title {
  font-size: 4vw;
}
.index-news .swiper-slide .right .main .summary {
  font-size: 3.6vw;
}
.index-news .swiper-slide .right .main .more {
  width: 28vw;
  height: 8vw;
  margin: 6vw 0 10vw;
  font-size: 3.6vw;
  line-height: 8vw;
  margin-top: 4vw;
  margin-bottom: 8vw;
}
.index-news .swiper-slide .mask {
  display: none;
}
.index-news .swiper-slide .swiper-button-next {
  right: 0;
}
.index-news .swiper-slide .swiper-button-next,
.index-news .swiper-slide .swiper-button-prev {
  width: 8vw;
  height: 13vw;
  margin-top: 0;
  top: 28vw;
}

